<script setup>
		import {useGet} from '@/hooks/index.js'
	import { getMessageApi} from "@/apis/message.js"
const {list,onScrollToLower,refresh,isTriggered,hasMore}=useGet(getMessageApi,200)
 

</script>
<template>
  <scroll-view class="scroll-view" refresher-enabled scroll-y @scrolltolower="onScrollToLower" @refresherrefresh="refresh" :refresher-triggered="isTriggered">
    <view class="scroll-view-wrapper">
     <view class="message-action" >
     	<text class="iconfont icon-clear"></text>
     	全部已读
     </view>
      <uni-list :border="false"  v-for="item in list" :key="item.id">
        <uni-list-item
          :to="`/subpkg_message/content/index?id=${item.id}`"
          ellipsis="1"
          :title="item.title"
          :rightText="item.updated"
		 
        >
          <template v-slot:header>
            <text class="dot"></text>
          </template>
        </uni-list-item>
		</uni-list>
       </view>
  </scroll-view>
</template>

<style lang="scss" scoped>
  @import './styles.scss';
</style>
